<template>
    <div class="flash">
        <video ref="video" muted width="550">
            <source src="/video/kruskal.mp4" type="video/mp4" />
            暂未开发 敬请期待
        </video>
        <div class="btn">
            <el-button @click="handleClick">开始演示</el-button>
        </div>
    </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
const video = ref<HTMLVideoElement | null>(null);
const handleClick = (): void => {
    if (video.value) {
        video.value.play();
    }
};
</script>

<style scoped lang="scss">
.flash {
    width: 550px;
    margin: auto;

    .btn {
        width: 100px;
        margin: auto;
    }
}
</style>